<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetStore_BMS</title>
    <link rel="stylesheet" href="../css/jpetstore.css" type="text/css" media="screen" />

</head>
<body>
<div th:replace="common/left">

</div>
<div id="BackLink">
    <a href="/admin_catalog/admin_view">Return to Main</a>
</div>

<div align="center">
    <div id="bCatalog">

        <ul class="message">
            <li>Thank you, your order has been submitted.</li>
        </ul>

        <table>
            <h2>Order</h2>
            <tr>
                <th align="center" colspan="2" th:text="${order.orderId}">
                    Order #1008
                    <span th:text="${#dates.format(order.orderDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                </th>
            </tr>
            <tr>
                <th colspan="2">Payment Details</th>
            </tr>
            <tr>
                <td>Card Type:</td>
                <td th:text="${order.cardType}"></td>
            </tr>
            <tr>
                <td>Card Number:</td>
                <td th:text="${order.creditCard}"> * use a Fake number!</td>
            </tr>
            <tr>
                <td>Expiry Date (MM/YYYY):</td>
                <td th:text="${order.expiryDate}"></td>
            </tr>
            <tr>
                <th colspan="2">Billing Address</th>
            </tr>
            <tr>
                <td>First name:</td>
                <td th:text="${order.billToFirstName}"></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td th:text="${order.billToLastName}"></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td th:text="${order.billAddress1}"></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td th:text="${order.billAddress2}"></td>
            </tr>
            <tr>
                <td>City:</td>
                <td th:text="${order.billCity}"></td>
            </tr>
            <tr>
                <td>State:</td>
                <td th:text="${order.billState}"></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td th:text="${order.billZip}"></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td th:text="${order.billCountry}"></td>
            </tr>
            <tr>
                <th colspan="2">Shipping Address</th>
            </tr>
            <tr>
                <td>First name:</td>
                <td th:text="${order.shipToFirstName}"></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td th:text="${order.shipToLastName}"></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td th:text="${order.shipAddress1}"></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td th:text="${order.shipAddress2}"></td>
            </tr>
            <tr>
                <td>City:</td>
                <td th:text="${order.shipCity}"></td>
            </tr>
            <tr>
                <td>State:</td>
                <td th:text="${order.shipState}"></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td th:text="${order.shipZip}"></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td th:text="${order.shipCountry}"></td>
            </tr>
            <tr>
                <td>Courier:</td>
                <td th:text="${order.courier}"></td>
            </tr>
            <tr>
                <td colspan="2" th:text="'Status:'+${order.status}"></td>
            </tr>
            <tr>
                <td colspan="2">
                    <table>
                        <tr>
                            <th>Item ID</th>
                            <th>Description</th>
                            <th>Quantity</th>
                            <th>Price</th>
                            <th>Total Cost</th>
                        </tr>

                        <tr th:each="lineItem:${order.lineItems}">
                            <td>
                                <a th:href="'/catalog/ViewItem?itemId=' + ${lineItem.item.itemId}" th:text="${lineItem.item.itemId}"></a>
                            </td>
                            <td th:switch="${lineItem.item != null}">
                                    <span th:case="true" th:text="
												${lineItem.item.attribute1}
												${lineItem.item.attribute2}
												${lineItem.item.attribute3}
												${lineItem.item.attribute4}
												${lineItem.item.attribute5}
												${lineItem.item.product.name}">
                                    </span>

                                    <span th:case="false">
                                        <i>{description unavailable}</i>
                                    </span>

                            </td>
                            <td th:text="${lineItem.quantity}"></td>
                            <td th:text="${lineItem.unitPrice}"></td>
                            <td th:text="${lineItem.total}"></td>
                        </tr>

                        <tr>
                            <th colspan="5" th:text="'Total:'+'$'+ ${#numbers.formatDecimal(order.totalPrice,1,2)}"></th>
                        </tr>
                    </table>
                </td>
            </tr>

        </table>

    </div>
</div>

</body>
</html>